<template>
	<view class="opp">
		
		<view class="uni-margin-wrap">
			<swiper class="swiper" indicator-dots="false" :autoplay="false">
				<block v-for="(item,index) in too[0]" :key="index">
					
					<swiper-item>
						<view class="lbxq">
							{{item.name}}
						</view>
						<image class="lbimg" :src="item.image" mode="widthFix" @click="look(item.image)"></image>
					</swiper-item>
				</block>


			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				too: []
			}
		},
		onLoad() {
			this.lunboimaget()
		},
		methods: {
			look(e){
				uni.previewImage({
					urls:[e],
					current:e
				})
			},
			lunboimaget() {
				let url = `/1.1/classes/late`
				this.$get(url).then(res => {

					this.too.push(res.results)
				})
				console.log(this.too)
			}
		}
	}
</script>

<style>
	.lbxq{
		width: 100%;
		display: flex;
		
		font-size: 6vw;
		justify-content: center;
	}
	.opp {
		height: 95vh;
		/* border: 1px solid red; */
	}

	.uni-margin-wrap {
		width: 100%;
		height: 100%;
		/* border: 1px solid black; */
	}

	.swiper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
		/* border: 1px solid black; */
	}

	.lbimg {
		width: 100%;
		/* margin:  0 auto; */
	}
</style>